<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Skeleton</title>

    <!--<link rel="stylesheet" href="../../static/easyui/themes/default/easyui.css" th:href="@{/easyui/themes/default/easyui.css}"/>-->
    <link rel="stylesheet" href="../../static/insdep/easyui_full.css" th:href="@{/insdep/easyui_full.css}"/>
    <link rel="stylesheet" href="../../static/insdep/icon.css" th:href="@{/insdep/icon.css}"/>
    <link rel="stylesheet" href="../../static/easyui/demo/demo.css" th:href="@{/easyui/demo/demo.css}"/>

    <script src="../../static/easyui/jquery.min.js" th:src="@{/easyui/jquery.min.js}"></script>
    <script src="../../static/insdep/jquery.insdep-extend.min.js" th:src="@{/insdep/jquery.insdep-extend.min.js}"></script>
    <script src="../../static/easyui/jquery.easyui.min.js" th:src="@{/easyui/jquery.easyui.min.js}"></script>
    <script src="../../static/easyui/locale/easyui-lang-zh_CN.js" th:src="@{/easyui/locale/easyui-lang-zh_CN.js}"></script>

    <script th:src="@{/js/main.js}"></script>

</head>

<body>

<div class="easyui-layout" fit="true">
    <div data-options="region:'north'" border="false" style="height:78px;background-image:url('images/header.jpg');">
        <p style="font-size:24px;color:white;">&nbsp;&nbsp;Topsail skeleton ... </p>
    </div>

    <div data-options="region:'west',split:true" title=" " style="width:18%;">
        <ul id="menu-tree" class="easyui-tree" data-options="url:'api/system/menu/tree',method:'get',animate:true">

        </ul>
    </div>
    <div data-options="region:'center',title:''">
        <div class="easyui-tabs" fit="true" border="false" id="tabs">
            <div title="About" data-options="closable:true" style="padding:10px">
                <p style="font-size:14px">jQuery EasyUI framework helps you build your web pages easily.</p>
                <ul>
                    <li>easyui is a collection of user-interface plugin based on jQuery.</li>
                    <li>easyui provides essential functionality for building modem, interactive, javascript
                        applications.
                    </li>
                    <li>using easyui you don't need to write many javascript code, you usually defines user-interface by
                        writing some HTML markup.
                    </li>
                    <li>complete framework for HTML5 web page.</li>
                    <li>easyui save your time and scales while developing your products.</li>
                    <li>easyui is very easy but powerful.</li>
                </ul>
            </div>
            <div title="Help" data-options="iconCls:'icon-help',closable:true" style="padding:10px">
                This is the help content.
            </div>
        </div>
    </div>

</div>


</body>
</html>